diff options
author | eug-vs <eugene@eug-vs.xyz> | 2022-09-17 15:24:50 +0300 |
---|---|---|
committer | eug-vs <eugene@eug-vs.xyz> | 2022-09-17 15:24:50 +0300 |
commit | 2a287f317a51f5f02b643af0acf2733cadbb8081 (patch) | |
tree | 725983c2fc98dfee2b7ed826f4fccb3bee6ca45a /src/pages/[...path].tsx | |
download | benzin-next-2a287f317a51f5f02b643af0acf2733cadbb8081.tar.gz |
feat: initial commit
Diffstat (limited to 'src/pages/[...path].tsx')
-rw-r--r-- | src/pages/[...path].tsx | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/src/pages/[...path].tsx b/src/pages/[...path].tsx new file mode 100644 index 0000000..30fdcd6 --- /dev/null +++ b/src/pages/[...path].tsx @@ -0,0 +1,56 @@ +import _ from 'lodash'; +import type { GetStaticPropsContext, NextPage } from "next"; +import ReactMarkdown from 'react-markdown'; +import Head from "next/head"; +import deepReadDir from "../deepReadDir"; +import fs from 'fs'; + + +const MARKDOWN_DIR = '../eug-vs-xyz/src'; + +const transformLinkURI = (uri: string): string => { + return uri.match(/(.*)\.md/)?.[1] || uri; +} + +export const getStaticProps = async (context: GetStaticPropsContext) => { + const path = _.isArray(context.params?.path) && context.params?.path || [context.params?.path]; + const markdownSource = fs.readFileSync(`${MARKDOWN_DIR}/${path?.join('/')}.md`).toString(); + return { + props: { + markdownSource, + path, + } + } +} + +export const getStaticPaths = async () => { + const globalPaths = await deepReadDir(MARKDOWN_DIR); + const paths = globalPaths + .map(globalPath => globalPath.match(`${MARKDOWN_DIR}/(.*)\.md`)?.[1] ) + .filter(p => p) + .map(p => p?.split('/')) + .map(path => ({ params: { path } })); + console.log(paths); + return { + paths, + fallback: false, + } +} + +const Page: NextPage = ({ markdownSource }: any) => { + return ( + <> + <Head> + <title>Create T3 App</title> + <meta name="description" content="Generated by create-t3-app" /> + <link rel="icon" href="/favicon.ico" /> + </Head> + <main> + <ReactMarkdown transformLinkUri={transformLinkURI}>{markdownSource}</ReactMarkdown> + </main> + </> + ); +}; + +export default Page; + |